<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery-节点属性</title>
    <style>
        .active{
           background-color: greenyellow;
        }
    </style>
</head>
<body>
<a href="#">主页</a>

<div class="message">hello</div>
<div class="message">world</div>

</body>
<script src="../0.vendor/jquery-3.6.0.js"></script>
<script>
      /*
       * 1. 一般属性
      * */

     $('a').attr('href','index.html');
  //  alert($('a').attr('href'))  ;

    /**
     * 2. 样式
     * */
    $('a').attr('style','color:red');
    $('a').addClass('box');
    $('a').addClass('danger');
    $('a').removeClass('danger');

    $('.message').click(function () {
        $('.active').removeClass('active');
        $(this).addClass('active');
    })

</script>
</html>